import '../lib/jquery.js'
//导入用户名和密码校验方法
import {nameTest,pwdTest} from '../utils/register.js'
//导入得到的ajax
import {ajax} from '../utils/ajax.js'

//表单提交时,提交表单时执行异步函数
$('form').on('submit',async e=>{
    //阻止直接提交
    e.preventDefault();
    //获取参数，即username，password,通过类获取.val()用来获取值
    let username = $('.username').val().trim();
    let password = $('.password').val().trim();

    //二者都不能为空(此处未空串)
    if(username == '' || password == ''){
        return alert('用户名或者密码不能为空！');
    }
    //用户名校验
    if(!nameTest(username)){
        return alert('用户名格式不符！');
    }
    //密码校验
    if(!pwdTest(password)){
        return alert('密码格式不符！');
    }

    //post用于请求登录
    let {data:{code,token,user}} = await ajax.post('users/login',{username,password});
    //失败
    if(code == 0){
        //样式设置，将错误信息的那行字可见
        return $('.error').css('display','block');
    }
    
    //否则登录成功，保存token和uid
    localStorage.setItem('token',token);
    localStorage.setItem('uid',user.id);
    //跳转主页
    location.href ='./index.html';

})
